    {% extends 'base.html' %}

    {% block head %}
    <title>Task Smash</title>
    {% endblock %}
    
    {% block body %}
<div class="content">
        <h1>Task Smash 20.</h1>
         {% if tasks | length < 1 %}
        <h2>There are no tasks... Create one here!</h2>
        {% else %}
        <table>
            <tr>
                <th>Task</th>
                <th>Added</th>
                <th>Actions</th>
            </tr>
            {% for task in tasks %}
                <tr>
                    <td>{{ task.content }}</td>
                    <td>{{ task.created.strftime("%Y-%m-%d") }}</td>
                    <td>
                      <a href="/delete/{{task.id}}">Delete</a>
                    <br/>
                    <a href="/edit/{{task.id}}">Edit</a>
                    </td>
                </tr>
            {% endfor %}
        </table>
        {% endif %}
        <form action="/" method="POST">
            <input type="text" name="content" id="content">
            <input type="submit" value="Add Task" id="btn_Add">
        </form>
    </div>
    {% endblock %}
